/* left-align bureaucracy static and labels */ 
.dokuwiki form.bureaucracy__plugin label { 
    text-align:left; 
} 
 
 #dokuwiki__content .mikiop-hr {
    border-bottom: 6px solid rgba(47,32,67,1);
    border-top: 2px solid rgba(0,0,0,0.5);
	
}

/*
div.dokuwiki div.mikio-toc {
position: fixed;
top: 180px;
right: 135px;
width: 147px;
}
*/

hr.half {
	width:80%;
	Text-align:left;
	margin-top: 33px;
	margin-left:0;
	border-top: 5px dashed #78AED3;
	border-bottom: 2px hidden #78AED3; 
	border-left: 2px hidden #003366;
	padding-top: 0.2em;
	color: #666;
	font-size: 80%;
	line-height: 1.25;
	margin-bottom: 30px;
}

hr.full {
    display: block;
    unicode-bidi: isolate;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: auto;
    margin-inline-end: auto;
    overflow: hidden;
    border-style: inset;
    border-width: 1px;
    border-top: 3px solid #2f2043;
    border-bottom: 1px hidden rgba(0,0,0,0.5);
}

.mikio-toc #dw__toc
{
	background-color: #f2f2f2;
	border:1px solid #e5e5e5;
	border-radius:0.25rem;
	box-shadow: 0 1px 4px rgba(0 0 0 / 10%);
	padding: 0.5rem;
	max-width: 12rem;
	float: none;
	margin: 0;
	overflow-y: visible;
	position: sticky !important;
	top: 20px;
}






/*

h1 {
    display: block;
    font-size: 1.6em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
	color: #065BB9;
	text-decoration:underline;
}



h2 {
    display: block;
    font-size: 1.3em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
	color: #0B79B5;
	text-decoration:underline;

}



h3 {
    display: block;
    font-size: 1.2em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    color: rgb(47,32,67);
	text-decoration:underline;
}


*/

.page-header {
margin: 44px 0 22px;
border-bottom: 1px solid #dddddd
}


p {
	margin: 0 0 17px;
}

.li {
	padding-bottom: 17px;
}
	

pre {
	display: block;
	box-sizing: inherit;
	border: 2px solid #cccccc;
	margin-top: 16px;
	margin-bottom: 16px;
    font-size: 15px;
	font-family: 'Source Code Pro',Menlo,Consolas,monospace;
	border-left: 5px solid #04AA6D;
	width: auto;
    color: #c72d2d;
    padding: 8px 12px;
    word-wrap: break-word;
}


/*
	margin: unset;
    line-height: unset;
    word-break: unset;
    border-radius: unset;
*/

hr {
    display: block;
    unicode-bidi: isolate;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: auto;
    margin-inline-end: auto;
    overflow: hidden;
    border-style: inset;
    border-width: 1px;
	border-top: 2.5px solid rgba(47,32,67,1);
    border-bottom: 1px solid rgba(0,0,0,0.5);
}
 /*
 .mikio div.dokuwiki div.inclmeta {
	margin-top: 0.0rem;
	padding-top:0.0rem;
}
 
 div.dokuwiki div.inclmeta {
    color: #666;
	border-top: 6px solid rgba(47,32,67,1);
	margin-bottom: 0em;
	line-height: 0;
	border-bottom: 1px solid rgba(0,0,0,0.5);
	

}
*/

#css_per_page.main div.inclmeta.level1 {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    letter-spacing: -0.01em;
    border-top: 1px dotted #ccc;
    color: #632289;
    font-size: 80%;
    line-height: 1.25;
    margin-bottom: 5em;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
}
 
 
 #dokuwiki__content .mikiop-alert .mikiop-alert-content span.curid a, #dokuwiki__content .mikiop-alert .mikiop-alert-content a {
    text-decoration: underline;
    color: inherit;
    font-weight: 700;
}
 
 
/* set fieldset headers to proper sizes with horizontal line */ 
.dokuwiki form.bureaucracy__plugin legend {
    width: 100%;
    font-size:1.5rem; 
    border-bottom: 1px solid lightgrey; 
}  

div.dokuwiki ol ol { list-style-type: lower-alpha; }
div.dokuwiki ol ol ol { list-style-type: lower-roman; }
div.dokuwiki ul { list-style-type: circle; }
div.dokuwiki ul ul { list-style-type: square; }

/*
 * hardware wraps
 */
div.dokuwiki {
  div.plugin_wrap {
    &.wrap_imagecircle { img {border-radius:50%;} p {text-align: center; } }
    &.wrap_verticalcenter { p { align-items: center; } }
    &.wrap_hardware {
	margin-top: 0em;
	width: 60%;
	display: inline-block;
        a:link { color: #000;   text-decoration: none; }
        a:visited { color: #000;   text-decoration: none; }
        a:hover { color: #000;   text-decoration: underline; }
        a:active { color: #000;   text-decoration: none; }
	h3 { margin-bottom: 0px; }
	h4 { margin-bottom: 0px; margin-top: 0px; }
	p { margin-top: 0px }
	img { width: 120px; height: auto; border-radius: 50%; margin-right: 2em; }
      }
    }
  }

.level90 {
	padding-bottom:13px
}

/*
 * tyler's pretty neat wrap gradients that look like the website
 */
div.dokuwiki {
  div.plugin_wrap {
    &.wrap_gradient {
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 1rem;
      margin-bottom: 2rem;
      padding: 20px 25px;
      border-radius: 3px;
      text-align: center;
      width: auto !important;
      background-image: initial;
      min-height: initial;
	  a:link { color: #ffffff;   text-decoration: underline; }
      a:visited { color: #ffffff;   text-decoration: underline; }
      a:hover { color: #ffffff;   text-decoration: none; }
      a:active { color: #ffffff;   text-decoration: underline; }
      p:last-child {
        margin: 0;
      }
      &.wrap_blue {
        background: linear-gradient(to right, rgb(21,35,65), rgb(58,107,232));
        color: #ffffff;
      }
      &.wrap_purpleblue {
        background: linear-gradient(to right, rgb(71,61,112), rgb(64,106,227));
        color: #ffffff;
      }
      &.wrap_purple {
        background: linear-gradient(to right, rgb(14,23,41), rgb(47,32,67));
        color: #ffffff;
      }
      &.wrap_l5purple {
        background: linear-gradient(to right, rgb(8,21,36), rgb(95,62,141));
        color: #ffffff;
      }
      &.wrap_l4blue {
        background: linear-gradient(rgb(187,224,227), rgb(35,108,155));
        color: #ffffff;
      }
      &.wrap_rr {
        background: #60408f url("http://quesarito/lib/exe/fetch.php?cache=&media=liberty_4:installer:installer_how_to:resalerewards_background.png") no-repeat left top;
        color: #ffffff;
      }
    }
    &.wrap_spread {
	  z-index: 0;
	  position: relative;
      margin-left: -32px;
      margin-right: -72px;
      margin-top: -1rem;
      margin-bottom: 2rem;
      padding: 20px 50px 20px 25px;
      border-radius: 0px;
      width: auto !important;
      background-image: initial;
      min-height: 200px;
	  a:link { color: #ffffff;   text-decoration: none; }
      a:visited { color: #ffffff;   text-decoration: none; }
      a:hover { color: #ffffff;   text-decoration: underline; }
      a:active { color: #ffffff;   text-decoration: none; }
      p:last-child {
        margin: 0;
      }
	  &.wrap_printer {
		background: #ffffff;
		a:link { color: #000;   text-decoration: none; }
		a:visited { color: #000;   text-decoration: none; }
		a:hover { color: #000;   text-decoration: underline; }
		a:active { color: #000;   text-decoration: none; }
	  }
      &.wrap_blue {
        background: linear-gradient(to right, rgb(21,35,65), rgb(58,107,232));
        color: #ffffff;
        text-shadow: 1px 1px #000000;
      }
      &.wrap_rswprinin {
	margin-top: -2em;
	padding-top: .2rem;
	min-height: 100px;
	background: #ebeff2;
	border-bottom: 1px solid #d7dbde;
	a:link { color: #000;   text-decoration: none; }
	a:visited { color: #000;   text-decoration: none; }
	a:hover { color: #000;   text-decoration: underline; }
	a:active { color: #000;   text-decoration: none; }
      }
      &.wrap_purpleblue {
        background: linear-gradient(to right, rgb(71,61,112), rgb(64,106,227));
        color: #ffffff;
        text-shadow: 1px 1px #000000;
      }
      &.wrap_purple {
        background: linear-gradient(to right, rgb(14,23,41), rgb(47,32,67,0.9));
        color: #ffffff;
        text-shadow: 1px 1px #000000;
      }
      &.wrap_l5purple {
        background: linear-gradient(to right, rgb(8,21,36), rgb(95,62,141,0.9));
        color: #ffffff;
        text-shadow: 1px 1px #000000;
      }
      &.wrap_l4blue {
        background: linear-gradient(rgb(187,224,227), rgb(35,108,155));
        color: #ffffff;
        text-shadow: 1px 1px #000000;
      }
      &.wrap_rr {
        background: #60408f url("http://quesarito/lib/exe/fetch.php?cache=&media=liberty_4:installer:installer_how_to:resalerewards_background.png") no-repeat left top;
        color: #ffffff;
        text-shadow: 1px 1px #4d4d4d;
      }
      &.wrap_windows {
        background: #fff url("http://quesarito/lib/exe/fetch.php?media=pasted:20211001-163723.png") no-repeat left top;
        color: #ffffff;
        text-shadow: 1px 1px #4d4d4d;
      }
      &.wrap_listingmanager {
        background: #000 url("http://wikistage/lib/exe/fetch.php?cache=&w=900&h=555&tok=2c019e&media=pasted:20210716-092408.png") no-repeat left top;
        background-size: 100%;
        color: #ffffff;
        text-shadow: 1px 1px #4d4d4d;
	}
    }
  }
}

/*
 * tyler's font size wraps
 */
div.dokuwiki {
  div.plugin_wrap {
    &.wrap_fontsize {
      padding: 0px;
      margin-left: 0rem;
      margin-right: 0px;
      margin-top: 0rem;
      margin-bottom: 0rem;
      &.wrap_1 {
        font-size: 1rem;
      }
      &.wrap_2 {
        font-size: 1.5rem;
      }
      &.wrap_3 {
        font-size: 2rem;
      }
      &.wrap_4 {
        font-size: 2.5rem;
      }
      &.wrap_5 {
        font-size: 3rem;
      }
    }
  }
}

/*
 * tyler's link color wraps
 */
div.dokuwiki {
  div.plugin_wrap {
    &.wrap_linkcolor {
      &.wrap_white {
        a:link { color: #ffffff;   text-decoration: none; }
        a:visited { color: #ffffff;   text-decoration: none; }
        a:hover { color: #ffffff;   text-decoration: none; }
        a:active { color: #ffffff;   text-decoration: none; }
      }
      &.wrap_black {
        color: #000000;
      }
    }
  }
}

/*
 * tyler's report wrap
 */
div.dokuwiki {
  div.plugin_wrap {
  	&.wrap_cdlabel {
      padding: 0px 0px 0px 0px;
      margin-left: 0rem;
      margin-right: 0px;
      margin-top: 0rem;
      margin-bottom: 0rem;
      width: auto !important;
      text-align: center;
      line-height: 1.5;
		img{transition: .5s ease;}
		img:hover{opacity: 0.5; transition: opacity .5s ease-out; -moz-transition: opacity .5s ease-out; -o-transition: opacity .5s ease-out;}
		a:link { color: #000; font-weight: bold; text-decoration: none; }
        a:visited { color: #000; font-weight: bold; text-decoration: none; }
        a:hover { color: #000; font-weight: bold; text-decoration: underline; }
        a:active { color: #000; font-weight: bold; text-decoration: none; }
    }
    &.wrap_report {
      padding: 0px 0px 0px 0px;
      margin-left: 0rem;
      margin-right: 0px;
      margin-top: 0rem;
      margin-bottom: 0rem;
      width: auto !important;
      text-align: center;
      line-height: 1.5;
		img{border: 1px solid #bbb; border-radius: 2px; transition: .5s ease;}
		img:hover{opacity: 0.5; transition: opacity .5s ease-out; -moz-transition: opacity .5s ease-out; -o-transition: opacity .5s ease-out;}
		a:link { color: #000; font-weight: bold; text-decoration: none; }
        a:visited { color: #000; font-weight: bold; text-decoration: none; }
        a:hover { color: #000; font-weight: bold; text-decoration: underline; }
        a:active { color: #000; font-weight: bold; text-decoration: none; }
    }
  }
}

/*
 * tyler's image border wrap
 */
div.dokuwiki {
  div.plugin_wrap {
    &.wrap_imageborder {
      img{ border: 1px solid #bbb; border-radius: 2px; }
    }
    &.wrap_createtask {
	position: absolute;
	vertical-align: middle;
	}
    &.wrap_homenav {
	display: inline-block;
	font-size: medium;
	width: 100% !important;
	background: linear-gradient(to left, rgb(14,23,41), rgb(47,32,67));
	padding-left: 1em;
	padding-right: 1em;
	vertical-align: middle;
	max-height: 33px;
	color: #ffffff;
	p { position: relative; top: -11px; }
        a:link { color: #ffffff;   text-decoration: none; }
        a:visited { color: #ffffff;   text-decoration: none; }
        a:hover { color: #ffffff;   text-decoration: underline; }
        a:active { color: #ffffff;   text-decoration: none; }
	a.urlextern { background-image: none; padding-left: 0; }
	}
  }
}

/*
 * tyler's height-adjusted images w/ text
 */
div.dokuwiki {
  div.plugin_wrap {
    &.wrap_imageandtext {
	overflow: auto;
	background: red;
	img { position: relative; min-height: 100%;}
			}
    }
}

/*
 * tyler's image hover
 */

div.dokuwiki {
  div.plugin_wrap {
	&.wrap_rswprinterinstaller {
		background: #ebeff2;
		border-radius: 2px;
		border: 1px solid #d7dbde;
		padding: 0em 1em 0em 1em;
		a:link { color: #000; text-decoration: none; }
        a:visited { color: #000; text-decoration: none; }
        a:hover { color: #000; text-decoration: underline; }
        a:active { color: #000; text-decoration: none; }
	}
    &.wrap_step {
		background: rgb(238,238,238);
		border-radius: 0px 0px 10px 10px;
		em { display: contents; }
		em.u { font-weight: bold; text-decoration: none; display: inline-flex; padding-right: 0em; width: 5em; white-space: nowrap; margin-right: 8px; }
		p { padding-left: 1em; padding-right: 1em; padding-bottom: 0em; display: inline-flex; justify-content: flex-end; }
		strong { display: contents; }
		a { display: contents; }
		del { display: contents; }
		abbr { display: contents; }
		img { margin-top: -2px; }
		}
&.wrap_imageexpand {
		overflow: auto;
		display: table;
		width: 100%;
		height: max-content;
		p { height: min-content; display: table-row; }
		img { padding: 0em 0em 0em 0em; transition: all 1s; margin-bottom: 1px; }
		img:active { border: 1px solid #000; padding: 0px; position:fixed; transition: all 0s; margin: auto; left: 0; right: 0; top: 0; bottom: 0; max-height: 90vh; width: auto; display:block; z-index:999; outline: 100vh solid rgba(0,0,0,0.5); }
		}
    }
}

/*
 * tyler's version wraps
 */
div.dokuwiki {
  div.plugin_wrap {
    &.wrap_lr {
	    a:link { color: #fff; text-decoration: none; }
        a:visited { color: #fff; text-decoration: none; }
        a:hover { color: #fff; text-decoration: none; }
        a:active { color: #fff; text-decoration: none; }
	margin-left: .2rem;
	float: right;
	height: 26px; 
	width: 26px; 
	line-height: 26px; 
	text-align: center; 
	border-radius: 50%; 
	border-width: 1px; 
	align-items: top;
	white-space: nowrap;
	p { position: relative; top: -16px; left: 0px; }
        &.wrap_active {
			background-color: #2F2043;
			color: #fff;
		}
        &.wrap_inactive {
			background-color: #bbb;
			color: #fff;
		}
    }
    &.wrap_l5 {
	    a:link { color: #fff; text-decoration: none; }
        a:visited { color: #fff; text-decoration: none; }
        a:hover { color: #fff; text-decoration: none; }
        a:active { color: #fff; text-decoration: none; }
	margin-left: .2rem;
	float: right;
	height: 26px; 
	width: 26px; 
	line-height: 26px; 
	text-align: center; 
	border-radius: 50%; 
	border-width: 1px; 
	align-items: top;
	white-space: nowrap;
	p { position: relative; top: -16px; left: 0px; }
        &.wrap_active {
			background-color: rgb(95,62,141);
			color: #fff;
		}
        &.wrap_inactive {
			background-color: #bbb;
			color: #fff;
		}
    }
    &.wrap_l4 {
	    a:link { color: #fff; text-decoration: none; }
        a:visited { color: #fff; text-decoration: none; }
        a:hover { color: #fff; text-decoration: none; }
        a:active { color: #fff; text-decoration: none; }
	margin-left: .2rem;
	float: right;
	height: 26px; 
	width: 26px; 
	line-height: 26px; 
	text-align: center; 
	border-radius: 50%; 
	border-width: 1px; 
	align-items: top;
	white-space: nowrap;
	p { position: relative; top: -16px; left: 0px; }
        &.wrap_active {
			background-color: rgb(35,108,155);
			color: #fff;
		}
        &.wrap_inactive {
			background-color: #bbb;
			color: #fff;
		}
    }
  }
}


div.dokuwiki {
  div.plugin_wrap {
	  &.wrap_headerstep {
		   width: 75px; 
		   max-width: 100%;
		  
		  &.wrap_columnstep {
			float: left;
			margin-top: 0px;
			max-width: 100%;
			
		}
		  
	  }
	}
}

div.dokuwiki {
	div.plugin_wrap{
		&.wrap_alphalist {
			&.wrap_alpha {
		     ol { list-style-type: lower-alpha; }
			}
		}
	}
}